<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>集换卡中心</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <script src="../../res/js/common/commonCssJS.js"></script>
    <link rel="stylesheet" href="../../res/css/cardCenter/cardCenter.css?v=1.0.1">
    <style>
        .activeOver{
            width: 100%;
            height: 100%;
            background: #E5E5E5;
            position: fixed;
            top: 0;
            left: 0;
            overflow: hidden;
            display: none;
        }

        .activeOver img{
            width: 60%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    </style>
</head>

<body>

<section class="activeOver">
    <img src="../../res/img/activity/over.png" alt="">
</section>

<!--页面内容-->
<section class="wrap">
    <div class="wrapTab">
        <div class="tabLi">
            <img src="../../res/img/my/cardCenter/wdkp.png" alt="">
        </div>
        <div class="tabLi">
            <img src="../../res/img/my/cardCenter/dhjl.png" alt="">
        </div>
        <div class="tabLi">
            <img src="../../res/img/my/cardCenter/jfbh.png" alt="">
        </div>
    </div>
    <div class="All">
        <span>全部</span>
        <span class="active">只看剩余</span>
<!--        <span id="yinBtn">银币兑换</span>-->
    </div>
    <ul style="padding-bottom: 0.5rem" id="convertList" class="convertList"></ul>
    <ul style="padding-bottom: 0.5rem" id="silverList" class="silverList">

<!--        <li>-->
<!--            <div class="left">-->
<!--                <img src="../../res/img/eggTV/1.png" alt="">-->
<!--            </div>-->
<!--            <div class="right">-->
<!--                <div class="name">兑换商品名称兑换商品名称兑换商品名称</div>-->
<!--                <div class="getSendType">活动期间每位用户限兑换x张</div>-->
<!--                <div class="silverBtn">-->
<!--                    <img src="../../res/img/common/silverCoin.png" alt="">-->
<!--                    <span><span class="silverNum">3600</span>兑换</span>-->
<!--                </div>-->
<!--            </div>-->
<!--        </li>-->
    </ul>
</section>

<!--确认购买弹窗-->
<section class="alertIndex">
    <div class="alertContent">
        <div><img id="closeAlert" src="../../res/img/common/close1.png" alt=""></div>
        <div class="spContent">
            <div class="left">
                <img class="toyspic" src="" alt="">
            </div>
            <div class="right">
                <div class="title1 toysname"></div>
                <div id="leftcount"></div>
                <div id="surplusNum">仍需卡片</div>
                <div id="surplusAppend" class="needCardNum"></div>
            </div>
        </div>
        <div id="noqrBtn" class="noqrBtn">朕知道了</div>
        <div id="qrBtn" class="qrBtn">确认兑换</div>
    </div>
</section>

<section class="alert">
    <div class="alertIndex2"></div>
    <div class="alertContent2">
        <div class="name">提示</div>
        <div class="info"></div>
        <div class="alertBtn">
            <span id="cancel" class="qxdh">取消</span>
            <span id="confirm" class="qddh">确定</span>
        </div>
    </div>
</section>

</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="../../res/js/cardCenter/cardCenter.js?v=1.0.2"></script>
</html>
